<template>
    <div v-if="status" class="chooseClient">
        <div class="clientCenter">
            <div class="warnTip">
                <span class="el-icon-warning-outline"></span>提示:&nbsp;&nbsp;{{prompt}}
            </div>
            <span style="width:300px" class="inblock">
                <slot name="content">
                </slot>
            </span>
            <div class="centerBtn">
                <el-button type="success" size="mini" @click="submit">确定</el-button>
                <el-button type="primary" size="mini" @click="cancelSubmit">取消</el-button>
                <slot name="btn"></slot>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props:['prompt','status'],
        data() {
            return {
                
            }
        },
        watch:{
            prompt(val){
                console.log('change')
            }
        },
        methods:{
            submit(){
                this.$emit('submit')
            },
            cancelSubmit(){ 
                this.$emit('closePop')
            },
        }
    }
</script>

<style lang="scss" scoped>
    .chooseClient {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 30;
        background-color: rgba(5, 5, 5, 0.13);
    }

    .chooseClient .clientCenter {
        width: 400px;
        border-radius: 10px;
        background-color: #fff;
        margin: 300px auto;
        box-sizing: border-box;
        padding: 65px 40px 40px;
        position: relative;
    }

    .warnTip {
        position: absolute;
        top: 20px;
        left: 15px;
        font-size: 14px;
    }

    .warnTip span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%
    }

    .centerSpan {
        display: inline-block;
        padding-bottom: 5px;
        font-size: 14px
    }

    .centerBtn {
        margin-top: 25px;
        margin-left: 180px;
    }
</style>